import React from 'react';
import BookItem from '../../BookItem/BookItem';
import './column.css'
function ModuleListColumn({data}) {
   return (
      <div className='column'>
       <h1 style={{ fontSize: "1.4em", fontWeight: "bold", lineHeight: "2em" }}>{data.name}</h1>
      <ul>
        {data.list.map((item, index) => (
          <BookItem key={index} book={item} width={22}></BookItem>
        ))}
      </ul>
      </div>
   );
}

export default ModuleListColumn;